<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="keywords" content="散标，理财产品，投资产品，投资理财"/>
    <meta http-equiv="description" content=""/>
    <script type="text/javascript" language="javascript" th:src="@{/js/jquery-1.7.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/trafficStatistics.js}"></script>
    <script type="text/javascript" language="javascript" th:src="@{/js/huaceng_new.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/css/share.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}"/>
    <style type="text/css">body {
        background: #f2f2f2;
    }</style>
    <title>散标,互联网金融产品列表-动力金融网,专业的互联网金融信息服务平台</title>
</head>

<body>
<div id="header">
    <div th:include="commons/header :: html"></div>
</div>

<!--产品列表start-->
<div id="loanList">
    <div class="mainBox pro-list-body clearfix" id="rollingLayer">
        <div class="pro-list">

            <!-- 1:已满标时追加pro-full-->
            <div th:each="item,dataStat:${pageInfo.data}">
                <div th:class="${item.leftProductMoney == 0 ?'pro-box pro-full':'pro-box'}" class="pro-box">
                    <div class="pro-top">
                        <h3 th:text="${item.productName}">个人信用消费借款</h3>
                        <p>动力金融网特选小额理财产品</p>
                    </div>
                    <div class="pro-main">
                        <div class="pro-rate">
                            <div class="rate" th:text="|${item.rate}%|">4.9<span>%</span></div>
                            <h3>历史年化收益率</h3>
                        </div>
                        <div class="pro-data clearfix">
                            <div class="pro-cycle">
                                <h3>投资周期</h3>
                                <div class="data"><span th:text="|${item.cycle}个月|">1个月</span></div>
                            </div>
                            <div class="pro-money">
                                <h3>剩余可投金额</h3>
                                <div class="data" th:text="|${item.leftProductMoney}元|">
                                    <span>500000.0元</span>
                                </div>
                            </div>
                        </div>
                        <div class="pro-btn">
                            <a th:href="@{/loan/loanInfo(id=${item.id})}" class="btn-1">立即投资</a>
                        </div>
                    </div>
                </div>

                <div th:if="${dataStat.count%3==0}">
                    <!-- 4个一组，分隔线 -->
                    <div style="line-height:25px;">&nbsp;</div>
                </div>


            </div>


            <div style="clear:both"></div>


            <!--页码 start-->
            <table class="page_bar">
                <tbody>
                <tr>
                    <td>
                        <span th:text="|共${pageInfo.countRows}条${pageInfo.countPage}页&nbsp;&nbsp;当前为第${pageInfo.currentPage}页|"></span>
                        <a id="linkHomePage"
                           th:href="@{/loan/loan(productType=${productType},currentPage=${pageInfo.firstPage})}">首页</a>
                        <a id="linkPreviousPage"
                           th:href="@{/loan/loan(productType=${productType},currentPage=${pageInfo.previousPage})}">上一页</a>
                        <a id="linkNextPage"
                           th:href="@{/loan/loan(productType=${productType},currentPage=${pageInfo.nextPage})}">下一页 </a>
                        <a id="linkLastPage"
                           th:href="@{/loan/loan(productType=${productType},currentPage=${pageInfo.lastPage})}">尾页</a>
                    </td>
                </tr>
                </tbody>
            </table>
            <!--页码 end-->
        </div>

        <div class="right-side">
            <div class="side-box fixed" id="roll" style="top: 0px;">
                <div id="advertArea"></div>
                <!--投资排行榜begin，缓存时间一天-->
                <div class="system-notice" style="margin-top: 0px;">
                    <div class="system-tit"><h3>投资排行榜</h3></div>
                    <ul>
                        <li th:each="item,dataStat:${userRankingList}">
                            <span th:text="|
                            ${dataStat.count}.&nbsp;
                            ${#strings.substring(item.phone,0,3)}******${#strings.substring(item.phone,9,11)}
                            &nbsp;&nbsp;
                            ${item.sumMoney}
                            |"></span>
                        </li>
                    </ul>
                </div>
                <!--投资排行榜end-->
                <!--广告位begin-->
                <div style="margin-top:20px;"><a th:href="@{/index}"><img th:src="@{/images/ad.jpg}" alt=""/></a></div>
                <!--广告位end-->
            </div>
        </div>
    </div>
</div>
<!--产品列表end-->

<!--页脚start-->
<div th:include="commons/footer :: html"></div>
<!--页脚end-->
</body>
</html>